
//1 功能：将所有的奇数行设置为蓝色，所有的偶数行设置为黄色
$("tbody>tr:even").attr("class", "info");
$("tbody>tr:odd").attr("class", "warning");


//2 删除按钮
$("#del").click(function () { 
    //1 遍历所有被选择的复选框
    var checkArr = $(".serial");

    for(var i = 0; i < checkArr.length; i++){
        if(checkArr[i].checked == true){
            //2 删除此复选框所在行
            $(checkArr[i]).parents("tr").remove();
        }
    }

    //3 更新行颜色
    $("tbody>tr:even").attr("class", "info");
    $("tbody>tr:odd").attr("class", "warning");
});

//3 查询
$("#sea").click(function(){
    var num = $("#num").val();
    var name = $("#name").val();

    var flag = false;

    //1 获取所有的工号
    var totalNums = $("tbody>tr").find("td:eq(1)").each(function(){
        //2 对比
        if($(this).text() == num){
            //3 如果匹配到工号，就对比姓名
            if($(this).next().text() == name){
                //4 如果匹配到姓名
                var sex = $(this).next().next();
                var age = $(sex).next().next();
                var bday = $(age).next();
                alert("工号："+num+" 姓名："+name+" 性别："+$(sex).text()+" 年龄："+$(age).text()+" 出生日期："+$(bday).text());
                flag = true;
            }
        }
    });

    if(flag === false){
        alert("查不存在！");
    }
});

//4 编辑
// 功能：退出模态框时，清空模态框中已经选择的内容
function clearMyinput(){
    $("#changeInputMod").find(".modal-body").empty();
}

function changeInfo(){
    var arr = $("#changeInputMod").find(".modal-body").children("div");

    for(var i = 0; i < arr.length; i++){

        //先获取要更新的data-id
        var dataid = $(arr[i]).attr("data-id");
        //按顺序修改表
        var nnum = $(arr[i]).find("#cnum").val();
        var nname = $(arr[i]).find("#cname").val();
        var nsex = $(arr[i]).find("#csex").val();
        var npasswd = $(arr[i]).find("#cpasswd").val();
        var nage = $(arr[i]).find("#cage").val();
        var nbday = $(arr[i]).find("#cbday").val();

        var target = $("tbody").find("#"+dataid);
        if(target != undefined){
            if(nnum != "")
                $(target).next().text(nnum);
            if(nname != "")
                $(target).next().next().text(nname);
            if(nsex != "")
                $(target).next().next().next().text(nsex);
            if(npasswd != "")
                $(target).next().next().next().next().text(npasswd);
            if(nage != "")
                $(target).next().next().next().next().next().text(nage);
            if(nbday != "")
                $(target).next().next().next().next().next().next().text(nbday);
        }
    }
    clearMyinput();
}

$("#cha").click(function(){

    //1 遍历所有被选择的复选框
    var checkArr = $(".serial");
    var flag = false;

    for(var i = 0; i < checkArr.length; i++){
        if(checkArr[i].checked == true){
            //1 获取原数据
            var id = $(checkArr[i]).parent().attr("id");
            var num = $(checkArr[i]).parent().next();
            var name = $(num).next();
            var sex = $(name).next();
            var passwd = $(sex).next();
            var age = $(passwd).next();
            var bday = $(age).next();

            //2 添加body
            var htmlBody = 
            '<div data-id='+ id +'>' +
                '<div>' +
                    '工号：<input id="cnum" class="form-contorl" placeholder="'+ $(num).text() +'"/>' +
                    '姓名：<input id="cname" class="form-contorl" placeholder="'+$(name).text()+'"/>' +
                '</div>' +
                '<div>' +
                    '性别：<input id="csex" class="form-contorl" placeholder="'+$(sex).text()+'"/>' +
                    '密码：<input id="cpasswd" class="form-contorl" placeholder="'+$(passwd).text()+'"/>' +
                '</div>' +
                '<div>' +
                    '年龄：<input id="cage" class="form-contorl" placeholder="'+$(age).text()+'"/>' +
                    '生日：<input id="cbday" class="form-contorl" placeholder="'+$(bday).text()+'"/>' +
                '</div>' +
                '<hr/>' +
            '</div>';

            $("#changeInputMod").find(".modal-body").append($(htmlBody));

            flag = true;
        }
    }
    
    if(flag === false){
        alert("请选择要编辑的对象！");
    } else {
        //3 弹出模态框，让用户编辑
        $("#changeInputMod").modal();
    }
});


//5 新增
function clearMyInsert(){
    $("#insertInputMod").find("input").val("");
}

function insertInfo(){
    //1 获取当前最大序号，然后+1（相当于自增主键）
    var maxid = -1;

    $("tbody").children("tr").each(function(){

        var totalid = $(this).children("td:first").attr("id");
        if(totalid > maxid){
            maxid = totalid;
        }
    });
    maxid++;
    
    //构造获取输入的内容
    var num = $("#insertInputMod").find("#anum").val();
    var name = $("#insertInputMod").find("#aname").val();
    var sex = $("#insertInputMod").find("#asex").val();
    var passwd = $("#insertInputMod").find("#apasswd").val();
    var age = $("#insertInputMod").find("#aage").val();
    var bday = $("#insertInputMod").find("#abday").val();

    //直接存了吧，就不判断了
    var htmlBody = 
    '<tr>' +
        '<td id="'+maxid+'"><input type="checkbox" class="serial"></td>' +
        '<td>'+num+'</td>' +
        '<td>'+name+'</td>' +
        '<td>'+sex+'</td>' +
        '<td>'+passwd+'</td>' +
        '<td>'+age+'</td>' +
        '<td>'+bday+'</td>' +
    '</tr>';
    $("tbody").append($(htmlBody));

    clearMyInsert();

    //更新行色
    $("tbody>tr:even").attr("class", "info");
    $("tbody>tr:odd").attr("class", "warning");
}

$("#add").click(function(){
    //弹框让用户新增
    $("#insertInputMod").modal();
});